<#define __INDEX__="{{LAM.INDEX}}" />
<#Block:begin id="components:list" data="{'list':null}">
<%if(list){%>
    <%LAM.each(list,function(i){%>
    <div class="sectionBox-A10 sectionBox-A10-2 sectionFloat-A1">
        <ul class="p10 clear">
            <li class="col-1">
                <img class="ml5" data-var="tpl" src="<%=this.img%>" width="100%" height="100%" alt="">
            </li>
            <li class="col-2">
                <div class="sectionBox-A30 sectionBox-A30-1 ml20">
                    <div class="sectionTitle-A6 mb10">
                        <h2><a href="__INDEX__room/detail&id=<%=this.id%>">拥有浓厚复古色彩的以色列家居</a></h2>
                    </div>
                    <div class="sectionText-A3">
                        <p class="grey">类型： 家装设计</p>
                        <p class="grey">风格：
                        <% LAM.each(this.style.trim().split(','),function(i){%>
                            <% if(i>0){%>|<%}%>
                            <%=this%>
                        <% });%>
                        </p>
                        <p class="grey">图片数量：<strong class="linkRed">0</strong></p>
                        <p class="grey">设计师：<%=this.name%></p>

                    </div>
                </div>
            </li>
            <li class="col-3 pt20">
                <div class="sectionBox-A13 sectionBox-A13-1 auto js_sectionBoxA13">
                    <a href="###" class="i-1"></a>
                    <a href="###" class="i-2"></a>
                    <a href="###" class="i-3"></a>
                    <a href="###" class="i-4"></a>
                </div>
            </li>
            <li class="col-7 pt20">2014-07-21<br>15:30</li>
            <li class="col-8 pt20">
                <div class="sectionBox-A14 linkBlue">
                    <a href="###">编辑</a>
                    <a href="###">删除</a>
                </div>

            </li>
        </ul>
    </div>
    <% });%>
<% }%>

<#Block:end>
<script type="text/javascript">
    //components-list
    LAM.run(function() {
        'use strict';
        var System = this;
        var tools = new System.Tools();
        $(function(){

            $('.js_sectionBoxA13 a').bind('click',function(event){
                switch($(event.target).attr('class')){
                    case 'i-1'	:
                        tools.move_next_prev_first_last({
                            '$event'  :$(event.target),
                            'parent': '.sectionBox-A10',
                            'chose':  'first'
                        });
                        break;
                    case 'i-2'	:
                        tools.move_next_prev_first_last({
                            '$event'  :$(event.target),
                            'parent': '.sectionBox-A10',
                            'chose':  'prev'
                        });
                        break;
                    case 'i-3':
                        tools.move_next_prev_first_last({
                            '$event'  :$(event.target),
                            'parent': '.sectionBox-A10',
                            'chose':  'next'
                        });
                        break;
                    case 'i-4'	:
                        tools.move_next_prev_first_last({
                            '$event'  :$(event.target),
                            'parent': '.sectionBox-A10',
                            'chose':  'last'
                        });
                        break;

                    default:
                        alert("Error");
                }
            });
        });
    });

</script>